<div class="index-search">
    <h1>真房源 好房源</h1>
    <div class="slide-tip">
        <a href="">@{{ cityName }}在售真实二手房<span>1000</span>套</a>
    </div>
    <div class="type">
        <a href="javascript:;" :class="{active:curType==0}" @click="changeType(0)">
            <span>二手房</span>
            <span class="arrow" :class="{show:curType==0}"></span>
        </a>
        <a href="javascript:;" :class="{active:curType==1}" @click="changeType(1)">
            <span>找新房</span>
            <span class="arrow" :class="{show:curType==1}"></span>
        </a>
        <a href="javascript:;" :class="{active:curType==2}" @click="changeType(2)">
            <span>找租房</span>
            <span class="arrow" :class="{show:curType==2}"></span>
        </a>
        <a href="javascript:;" :class="{active:curType==3}" @click="changeType(3)">
            <span>找小区</span>
            <span class="arrow" :class="{show:curType==3}"></span>
        </a>
    </div>
    <div class="input">
        {{--            <i-input search enter-button="开始查找" placeholder="请输入房源特征、房型、地址或小区名..." />--}}
        <auto-complete
                v-model="keywords"
                clearable=true
                placeholder="输入楼盘名">
            <div class="search-auto-complete-item" v-for="item in searchData">
                <div class="search-auto-complete-group">
                    <span>@{{ item.title }}</span>
                </div>
                <i-option v-for="option in item.children" :value="option.title" :key="option.title">
                    <span class="demo-auto-complete-title">@{{ option.title }}</span>
                </i-option>
            </div>
        </auto-complete>
        <i-button type="primary" @click="handleSearch">开始找房</i-button>
    </div>
</div>